<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>用工工时</title>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
    <style type="text/css">
        table{
            width: 90%; font-size: 16px;text-align: center;margin: 0 auto;
            border-collapse: separate;border-spacing: 0;border: 2px #e0e0e0;
            margin-top: 20px;
        }
        td {
            border-bottom: 2px solid #eaeaea;
        }
        .tr1{
            background: #efefef;font-size: 14px;height:50px;
        }
        .tr2{
            height: 60px;border-bottom: 2px solid #eaeaea;font-size: 13px;
        }
        h1{
            text-align: center;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- header -->
    <div th:replace="~{commons/header::header}"></div>
    <!-- left -->
    <div th:replace="~{commons/studentLeft::left}"></div>
    <!-- 内容主体区域 -->
    <div class="layui-body">
        <div style="padding: 30px 30px ;">
            <h1>用工工时</h1>

            <table  >
                <thead>
                <tr class="tr1">
                    <th>序号</th>
                    <th>用工批次</th>
                    <th>用工部门</th>
                    <th>月份</th>

                    <th>工作状态</th>
                    <th>工时</th>
                    <th>时薪</th>
                    <th>金额</th>
                </tr>
                </thead>
                <tbody>
                <tr  th:each="HwTimeList:${HwTimeList}" class="tr2">
                    <td th:text="${HwTimeList.getHwTimeNum()}"></td>
                    <td th:text="${HwTimeList.getBatchTeam()}"> </td>
                    <td th:text="${HwTimeList.getLaborUnit()}"></td>
                    <td th:text="${HwTimeList.getHwTimeMonth()}"> </td>

                    <td  th:text="${HwTimeList.getHwaWorkState()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeHour()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeSalary()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeAllSalary()}"> </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;
    });
</script>
</body>
</html>